<template>
    <div>
        <header class="header">
            <img class="headimg" @click="back" src="/img/discount/资源 2@2x-8.png" alt="">
            <span class="headsp"><slot></slot></span>
            
        </header>
    </div>
</template>
<script>
    export default {
        data(){
            return{

            }
        },
        methods:{
            back(){
                history.back();
            }
        },
    }
</script>
<style scoped >
    .header{
        width: 100%;
        height: 20vw;
        background-color: #6ddbc9;
        display: flex;
        align-items: center;
    }
    .headimg{
        width: 6%;
        height: 40%;
        margin-left:4vw;
    }
    .headsp{
        color: white;
        font-size: 6vw;
        position: relative;
        left: -5vw;
        top: 0;
        bottom: 0;
        right: 0;
        margin: 0 auto;
    }
</style>